.p01038-contenedor {
  margin: 10 auto;
}

.p01038-juego {
padding-left: 3%;
}
.p01038-juego .stl{
  width: 98%;
  height: 220px;
  border: 2px solid #4fc4d5;
  line-height: 100%;
  font-size: 100%;
  padding-left: 10%;
  padding-right: 10%;  
  padding-top: 5%;
}
.numeros{
  font-size: 2.5em;
}
.p01038-juego .area{
  width: 100%;
  height: 100%;
  border: 0px solid #000;
  padding-top: 8%;
}
.p01038-juego .fila{
  width: 100%;
  height: 50%;
  border: 0px solid #000000;
}
.p01038-juego .num{
  float:left;
  font-weight: bold;
  width: 20%;
  height: 100%;
  padding-top: 5%;
  border: 0px solid #000;
  background-size: 100% 100%;
  text-align: center;
  font-size: 2.5em;
}

.p01038-juego .resp{
  float:left;
  padding-top: 5%;
  font-weight: bold;
  text-align: center;
  float: left;
  width: 20%;
  height: 100%;
  border: 2px solid #f33b3b;
  background-color: #FFFFFF;
}

#menu-simbolos1 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos1 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo1 .simbolo:hover {
  background: #C8C8C8;
}
#menu-simbolos2 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos2 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo2 .simbolo:hover {
  background: #C8C8C8;
}
#menu-simbolos3 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 89%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos3 .simbolo {
  width: 99%;
  height: 25px;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 21px;
  font-size: 80%;  
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo3 .simbolo:hover {
  background: #C8C8C8;
}
@media screen and (max-width: 1015px){
.p01038-juego .fila{
  width: 100%;
  height: 52%;
}
.p01038-juego .num{
  font-size: 2em;
}
.p01038-juego .stl{
  width: 98%;
  height: 170px;
  padding-left: 7%;  
  padding-right: 6%;  
}
}

@media screen and (max-width: 450px){

}